﻿<UserControl x:Class="YouTubePlaylist.Views.PlaylistInputCtrl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <UserControl.Resources>
        <Style x:Name="HeaderStyle" TargetType="TextBlock">
            <Setter Property="FontSize" Value="16"/>
        </Style>
        <Style x:Name="NoteStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="LightSalmon"/>
            <Setter Property="FontSize" Value="10"/>
        </Style>
    </UserControl.Resources>
    <StackPanel>
        <TextBlock Style="{StaticResource HeaderStyle}" Text="Please enter the playlist's name." TextWrapping="Wrap"/>
        <Border BorderBrush="Black" CornerRadius="10" BorderThickness="2" Margin="8" Padding="8">
            <StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Width="75" Text="Playlist name:" VerticalAlignment="Center" Margin="0,0,4,0"/>
                    <TextBox Text="{Binding Name, Mode=TwoWay}" Width="300" Margin="4,0,0,0"/>
                </StackPanel>
                <TextBlock Width="400" TextWrapping="Wrap" Style="{StaticResource NoteStyle}" VerticalAlignment="Center"
                   Text="This name is used to identify and describe the contents of the playlist." />
            </StackPanel>
        </Border>
    </StackPanel>
</UserControl>
